<template>
	<div>
		<el-tabs class="header-content" v-model="editableTabsValue" type="card" @tab-remove="removeTab">
			<el-tab-pane
				v-for="item in editableTabs"
				:key="item.name"
				:label="item.title"
				:name="item.name"
                :closable="item.closable"
			>
                <router-view></router-view>
            </el-tab-pane>
		</el-tabs>
	</div>
</template>

<script lang="ts">
import appMain from "@/components/app-main/main";
export default appMain;
</script>

<style lang="less">
.header-content{
    width: 100%;
    height: 100vh;
    overflow: hidden;
    .el-tabs__item{
        user-select: none;
    }
    .el-tabs__content{
        width: 100%;
        height: 100%;
        overflow-y: scroll;
    }
}
</style>